let url = window.location.href
let index = url.indexOf('=')
let id = url.substring(index + 1);
console.log(id)


pAjax({
  url: '../server/details.php',
  type: 'post',
  data: {
    dataId: id
  }
}).then(function (res) {

  let arr = JSON.parse(res)
  let reSEC = document.querySelector('section')
  // let oh = document.querySelector('.various-right h2')
  // let oAddcart = document.querySelector('.addCart')
  // console.log(arr);
  // 推荐
  arr.forEach(ele => {
    let str = `
      <img src="../img/blank.gif" data-echo="${ele.imgBig}" alt="">
      <a href="details.html?id=${ele.id}" target="_blank"">
        <p class="tName">${ele.introduce}</p>
      </a>
      <p class="tPrice">￥${ele.price}</p>
      `
    reSEC.innerHTML += str
    Echo.init({

      offset: 0,

      throttle: 500

    });
  })

  //   标题名字
  //   arr.forEach(ele => {
  //     let ohh = `
  //     <h2>${ele.name}</h2>
  //     `
  //     oh.innerHTML += ohh
  //   })

  //   oh.innerHTML = `
  //   <h2>${arr[4].introduce}</h2>
  //   `
  //   oAddcart.innerHTML = `
  //   <input goodsId="${arr[4].id}" type="button" class="btn-addcart" value="加入购物车">
  //   `
  //   arr.forEach(ele => {
  //     let cart = `
  //     <input goodsId="${ele.id}" type="button" class="btn-addcart" value="加入购物车">
  //     `
  //     oAddcart.innerHTML += ohh
  //   })

})

// 加减
var b = 1;
$('.add').click(function () {

  $('.input-box')[0].value = ++b
})
$('.minus').click(function () {

  $('.input-box')[0].value = --b
  if (b <= 1) {
    b = 1
    $('.input-box')[0].value = 1
  }
})


// // 选项卡
// var aBtns = document.querySelectorAll('.color-kind a')
// var aPic = document.querySelectorAll('.show img')

// aBtns.forEach(function (ele, index) {
//   ele.onclick = function () {
//     for (var i = 0; i < aBtns.length; i++) {
//       aBtns[i].className = ''
//       aPic[i].className = ''
//     }
//     this.className = 'ons'
//     aPic[index].className = 'active'
//   }
// })





pAjax({
  url: '../server/gListcopy.php',
  type: 'get',
  data: {
    id: id
  }
}).then(function (res2) {
 
  let arr2 = JSON.parse(res2)

  // let reSEC = document.querySelector('section')
  let oh = document.querySelector('.various-right h2')
  let oShow = document.querySelector('.show')
  let oAbc = document.querySelector('.abc')
  let oBig = document.querySelector('.bigitem')
  let oColor = document.querySelector('.color-kind')
  let oPrice = document.querySelector('.store-price')
  let oMM = document.querySelector('.mainName')

  console.log(arr2);

  // 小标题
  arr2.forEach(ele => {
    let onn = `
    <a href="javascript:;">${ele.class}</a>
    <span>></span>
    <span> ${ele.introduce}</span>
    `
    oMM.innerHTML += onn
  })

  
  // 标题名字
  arr2.forEach(ele => {
    let ohh = `
    <h2>${ele.introduce}</h2>
    `
    oh.innerHTML += ohh
  })

  // 正常图
  arr2.forEach(ele => {
    let nor = `
    <img src="${ele.imgBig}" id="${ele.id}" alt="" class="active">
    `
    oShow.innerHTML += nor
  })

  // 小图
  arr2.forEach(ele => {
    let abcabc = `
    <img src="${ele.imgBig}" id="${ele.id}" alt="">
    `
    oAbc.innerHTML += abcabc
  })

  // 大图
  arr2.forEach(ele => {
    let biger = `
    <img src="${ele.imgBig}" id="${ele.id}" alt="">
    `
    oBig.innerHTML += biger
  })

  // 价格
  arr2.forEach(ele => {
    let pri = `
    <h3>本店价：</h3>
    <span class="money-symbol">￥</span>
    <span class="number-price">
      ${ele.price}
    </span><br>
    <h3>市场价：</h3>
    <span class="del">￥250.00</span>
    `
    oPrice.innerHTML += pri
  })



  // 颜色图
  arr2.forEach(ele => {
    let col = `
    <a href="javascript:;" class="ons">
      <img src="${ele.imgSmall}" alt="">
      <span>${ele.color}</span>
    </a>
    
    <a href="javascript:;">
      <img src="../img/6-c4.jpg" alt="">
      <span>其他备注</span>
    </a>
    `
    oColor.innerHTML += col
  })



  // 加入购物车
  // var oAdd = document.querySelector('.addCart')

  // oAdd.addEventListener('click', function (ev) {
  //   // console.log(1);
  //   let oAmo = document.querySelector('.input-box')
  //   let count = parseInt(oAmo.value)
  //   console.log(count);
  //   let newArr = JSON.parse(localStorage.getItem('shopArr')) || []
  //   console.log(newArr);
  //   // 是否找到商品
  //   let flag = true

  //   // 去重
  //   newArr.forEach(ele => {
  //     console.log(ele);
  //     console.log(ele.id);
  //     console.log(id);
  //     if (ele[0].id == id) {
  //       ele.count += count
  //       flag = false
  //     }
  //   })

  //   // 存一个商品对象值
  //   if (flag) {
  //     newArr.push({
  //       count: count,
  //       flag: true,
  //       ...arr2
  //     })
  //   }

  //   // console.log(newArr)
  //   // 存到购物车列表页
  //   localStorage.setItem('shopArr', JSON.stringify(newArr))
  // })


   // 加入购物车
   var oAdd = document.querySelector('.addCart')

   oAdd.addEventListener('click', function (ev) {
     // console.log(1);
     let oAmo = document.querySelector('.input-box')
     let count = parseInt(oAmo.value)
     let newArr = JSON.parse(localStorage.getItem('shopArr')) || []
 
     // 是否找到商品
     let flag = true
 
     // 去重
     newArr.forEach(ele => {
      //  console.log(ele[0].id);
       if (ele[0].id == id) {
         ele.count += count
         flag = false
       }
     })

     // 存一个商品对象值
     if (flag) {
       newArr.push({
         count: count,
         flag: true,
         ...arr2
       })
       
     }
 
     // console.log(newArr)
     // 存到购物车列表页
     localStorage.setItem('shopArr', JSON.stringify(newArr))
   })
})